<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Juicy Projects - Cube Portfolio</title>
    <meta name="description" content="Juicy Projects">
    <meta name="keywords" content="juicy projects">

    <!-- load open sans font from google fonts -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>

    <!-- load reset css  - http://meyerweb.com/eric/tools/css/reset/reset.css -->
    <link rel="stylesheet" type="text/css" href="css/reset.css">
                
    <!-- load css for cubeportfolio -->
        <link rel="stylesheet" type="text/css" href="../../cubeportfolio/css/cubeportfolio.min.css">

    <!-- load main css for this page -->
    <link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body class="demo-juicy-projects">
            
    <br><br><br>

    <div class="wrapper">

        <div id="filters-container" class="cbp-l-filters-button">
            <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
                All <div class="cbp-filter-counter"></div>
            </div>
            <div data-filter=".identity" class="cbp-filter-item">
                Identity <div class="cbp-filter-counter"></div>
            </div>
            <div data-filter=".web-design" class="cbp-filter-item">
                Web Design <div class="cbp-filter-counter"></div>
            </div>
            <div data-filter=".graphic" class="cbp-filter-item">
                Graphic <div class="cbp-filter-counter"></div>
            </div>
            <div data-filter=".logo" class="cbp-filter-item">
                Logo <div class="cbp-filter-counter"></div>
            </div>
        </div>

        <div id="grid-container" class="cbp-l-grid-projects">
            <ul>
                <li class="cbp-item graphic">
                    <div class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/1.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <a href="ajax/project1.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                    <a href="img/1big.jpg" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Dashboard<br>by Paul Flavius Nechita">view larger</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cbp-l-grid-projects-title">Dashboard</div>
                    <div class="cbp-l-grid-projects-desc">Web Design / Graphic</div>
                </li>
                <li class="cbp-item web-design logo">
                    <div class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/2.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <a href="ajax/project2.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                    <a href="img/2big.jpg" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="World Clock Widget<br>by Paul Flavius Nechita">view larger</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cbp-l-grid-projects-title">World Clock Widget</div>
                    <div class="cbp-l-grid-projects-desc">Logo / Web Design</div>
                </li>
                <li class="cbp-item graphic logo">
                    <div class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/3.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <a href="ajax/project3.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                    <a href="http://vimeo.com/14912890" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="To-Do Dashboard<br>by Tiberiu Neamu">view video</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cbp-l-grid-projects-title">To-Do Dashboard</div>
                    <div class="cbp-l-grid-projects-desc">Graphic / Logo</div>
                </li>
                <li class="cbp-item web-design graphic">
                    <div class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/4.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <a href="ajax/project4.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                    <a href="img/4big.jpg" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Events and  More<br>by Tiberiu Neamu">view larger</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cbp-l-grid-projects-title">Events and More</div>
                    <div class="cbp-l-grid-projects-desc">Web Design / Graphic</div>
                </li>
                <li class="cbp-item identity web-design">
                    <div class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/5.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <a href="ajax/project5.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                    <a href="img/5big.jpg" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="WhereTO App<br>by Tiberiu Neamu">view larger</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cbp-l-grid-projects-title">WhereTO App</div>
                    <div class="cbp-l-grid-projects-desc">Web Design / Identity</div>
                </li>
                <li class="cbp-item identity web-design">
                    <div class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/6.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <a href="ajax/project6.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                    <a href="img/6big.jpg" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Ski * Buddy<br>by Tiberiu Neamu">view larger</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cbp-l-grid-projects-title">Ski * Buddy</div>
                    <div class="cbp-l-grid-projects-desc">Identity / Web Design</div>
                </li>
                <li class="cbp-item graphic logo">
                    <div class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/7.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <a href="ajax/project7.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                    <a href="img/7big.jpg" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Seemple* Music for iPad<br>by Tiberiu Neamu">view larger</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cbp-l-grid-projects-title">Seemple* Music for iPad</div>
                    <div class="cbp-l-grid-projects-desc">Graphic / Logo</div>
                </li>
                <li class="cbp-item identity graphic">
                    <div class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/8.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <a href="ajax/project8.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                    <a href="http://www.youtube.com/watch?v=Bu9OiDmxCrQ" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Remind~Me More<br>by Tiberiu Neamu">view video</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cbp-l-grid-projects-title">Remind~Me More</div>
                    <div class="cbp-l-grid-projects-desc">Identity / Graphic</div>
                </li>
                <li class="cbp-item web-design graphic">
                    <div class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/9.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <a href="ajax/project9.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                    <a href="https://www.ted.com/talks/andrew_bastawrous_get_your_next_eye_exam_on_a_smartphone" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Workout Buddy<br>by Tiberiu Neamu">view video</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cbp-l-grid-projects-title">Workout Buddy</div>
                    <div class="cbp-l-grid-projects-desc">Web Design / Graphic</div>
                </li>
                <li class="cbp-item identity web-design">
                    <div class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/10.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <a href="ajax/project10.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                    <a href="https://www.youtube.com/watch?v=3wbvpOIIBQA" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Bills Bills Bills<br>by Cosmin Capitanu">view video</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cbp-l-grid-projects-title">Bills Bills Bills</div>
                    <div class="cbp-l-grid-projects-desc">Identity / Web Design</div>
                </li>
                <li class="cbp-item identity logo">
                    <div class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/11.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <a href="ajax/project11.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                    <a href="videos/big_buck_bunny.mp4|videos/big_buck_bunny.ogg|videos/big_buck_bunny.webm" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Generic Apps<br>by Cosmin Capitanu">view video</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cbp-l-grid-projects-title">Generic Apps</div>
                    <div class="cbp-l-grid-projects-desc">Identity / Logo</div>
                </li>
                <li class="cbp-item graphic web-design">
                    <div class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/12.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <a href="ajax/project12.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                    <a href="http://vimeo.com/877053" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Speed Detector<br>by Cosmin Capitanu">view video</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cbp-l-grid-projects-title">Speed Detector</div>
                    <div class="cbp-l-grid-projects-desc">Graphic / Web Design</div>
                </li>
            </ul>
        </div>

        <div class="cbp-l-loadMore-button">
            <a href="ajax/loadMore.html" class="cbp-l-loadMore-button-link">LOAD MORE</a>
        </div>

    </div>

    <br><br><br>
        
    <!-- load jquery -->
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

    <!-- load cubeportfolio plugin -->
        <script type="text/javascript" src="../../cubeportfolio/js/jquery.cubeportfolio.min.js"></script>

    <!-- load main js -->
    <script type="text/javascript" src="js/main.js"></script>
                
</body>
</html>
